<script setup>
import { defineProps } from 'vue';
import { useRouter } from "vue-router";

const router = useRouter();
const props = defineProps({
    url: {
        type: String,
        default: ''
    },
    title: {
        type: String,
        default: ''
    },
})
const back = () => {
    if (props.url == '') {
        router.go(-1);
        return
    }
    router.push(props.url);
}

</script>
<style>
.help-main {
    margin: 15px 10px;
    background: #fff;
    border-radius: 10px;
    padding: 20px 10px;
}
</style>
<template>
    <header>
        <div class="border-b border-gray-200 flex justify-between items-center bg-primary-color  h-4">
            <div class="pl-2" @click="back">
                Return
            </div>
            <div class="center  font-normal" style="font-size: 0.5rem;">

            </div>
            <div class="right"></div>
        </div>
    </header>

    <div class="flex flex-col min-h-screen bg-gray-100">

        <div class="help-main"></div>
    </div>
</template>